.order-detail-container {
  padding: 24rpx;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;

  .confirm-btn {
    height: 68rpx;
    border-radius: 10rpx;
    margin: 30rpx 10rpx 0;
    background-color: #C5996A;
    justify-content: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    color: #FFFFFF;
  }

  .pay-method {
    margin-top: 24rpx;
    background-color: #FFFFFF;
    border-radius: 20rpx;
    padding: 24rpx;
    width: 100%;
    box-sizing: border-box;

    .tip {
      margin-top: 24rpx;
      font-size: 24rpx;
      color: #666666;
    }

    .pay-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 24rpx 0;
      box-sizing: border-box;
      width: 100%;
      border-bottom: 1px solid #F2F2F2;

      .info {
        display: flex;
        align-items: center;

        .pay-icon {
          width: 48rpx;
          height: 48rpx;
        }

        .label {
          font-size: 30rpx;
          margin-left: 12rpx;
        }
      }

      .select-icon {
        width: 38rpx;
        height: 38rpx;
      }
    }

    .title {
      font-size: 30rpx;
      color: #333333;
      font-weight: bold;
      box-sizing: border-box;
      margin-bottom: 16rpx;
    }

  }

  .header {
    width: 100%;
    padding: 30rpx 24rpx;
    border-bottom: 1px solid #F2F2F2;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between;
    background-color: #FFFFFF;

    .shop-name {
      font-size: 30rpx;
      color: #101010;
    }
  }

  .good-wrap {
    overflow: hidden;
    margin-top: 20rpx;
    border-radius: 20rpx;
    padding: 24rpx;
    box-sizing: border-box;
    background-color: #FFFFFF;

    .total-price {
      box-sizing: border-box;
      margin-top: 16rpx;
      border-top: 1rpx solid #F2F2F2;
      padding: 28rpx 6rpx;

      .price-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 1;
        width: 100%;
        padding: 4rpx 0;
        margin-bottom: 16rpx;

        &:last-child {
          margin-bottom: 0;
        }

        .label {
          font-size: 28rpx;
          color: #666666;

        }

        .value {
          font-size: 32rpx;
          font-weight: bold;
          color: #C5996A;
        }
      }

    }

    .good-item {
      display: flex;
      justify-content: space-between;
      padding: 28rpx 24rpx;
      box-sizing: border-box;

      .left {
        display: flex;
        align-items: center;

        .good-img {
          width: 120rpx;
          height: 120rpx;
        }

        .good-desc {
          margin-left: 24rpx;
          display: flex;
          flex-flow: column;
          justify-content: flex-start;
          height: 100%;
          padding-top: 16rpx;
          box-sizing: border-box;
        }
      }

      .right {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;

        .count {
          color: #666666;
          font-size: 24rpx;
          margin-top: 4rpx;
        }

      }
    }

    .title {
      font-size: 30rpx;
      color: #333333;
      font-weight: bold;
      box-sizing: border-box;
    }
  }

}
